<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:a4j="http://richfaces.org/a4j"
      xmlns:rich="http://richfaces.org/rich">

<style>
.row1{
 background:#F8F8F8;
}
 
.row2{
 background:#FFFFFF;
}
 
</style>

	<f:loadBundle basename="resources" var="msg" />
	<ui:composition template="/templates/template.xhtml">
			<ui:define name="content">
	 		<h:form > 
	 		
	 		  	<a4j:status for="editando"
				onstart="Richfaces.showModalPanel('pnl');"
				onstop="Richfaces.hideModalPanel('pnl');">
				</a4j:status>
					 		
	 		<div class="span-5">
		 		<div style="margin-top:10px;margin-left:10px;">
		 			<rich:dataTable value="#{Correo.carpetas}" var="carpeta" rowKeyVar="row">
						<h:column>
					      <f:facet name="header">Carpetas</f:facet>
					      
						<a4j:commandLink value="#{carpeta}" reRender="tablaMensajes">
							<f:setPropertyActionListener target="#{Correo.carpetaActiva}" value="#{carpeta}" />
						</a4j:commandLink>
					   </h:column>
					   
					  
					
					  

		 			</rich:dataTable>
				</div>
			</div>
			
			<div class="span-18" >
				<div style="margin-top:10px;">
					<rich:dataTable id="tablaMensajes" rowClasses="row1,row2" value="#{Correo.mensajes}" var="mensaje">
						<rich:column width="160">
		 					<f:facet name="header">Desde</f:facet>
		 					<h:outputText value="#{mensaje.desde}"/>	
		 				</rich:column>		
		 				<rich:column style="overflow:hidden">
		 					<f:facet name="header">Asunto</f:facet>	
		 					<h:commandLink actionListener="#{Correo.seleccionarMensaje}" action="#{Correo.verCorreo}" value="#{mensaje.asunto}">
    							<f:attribute name="mensajeSeleccionado" value="#{mensaje}" />  
							</h:commandLink> 					
		 				</rich:column>
		 				<rich:column width="50px" style="overflow:hidden">
		 					<f:facet name="header">Fecha</f:facet>	 					
		 					<h:outputText value="#{mensaje.fechaMensaje}">
		 						 <f:convertDateTime dateStyle="short" 
								    locale="Locale.SPAIN"
								    pattern="dd MMM"
								    timeStyle="long" type="both" />

		 					</h:outputText>
		 				</rich:column>	
		 			
					<f:facet name="footer" style="margin:0;padding:0:background:#F0F0F0">
						<rich:panel id="paginacion-correos" bodyClass="sinpadding" style="background:#DDD;float:right;padding:0px;margin:0px;">
						
							<a4j:commandButton value="1" reRender="tablaMensajes" action="#{Correo.dmCorreos.primeraPagina}" />  				                
				           
							<a4j:commandButton value="&lt;" reRender="tablaMensajes" action="#{Correo.dmCorreos.retrocederPagina}" />  				                
				            
				            <h:outputText style="background:#FFF;padding:2px;border:1px solid #CCC;width:30px;" value="#{Correo.dmCorreos.numeroPagina}" />
				            
							<a4j:commandButton value="&gt;" reRender="tablaMensajes" action="#{Correo.dmCorreos.avanzarPagina}" />  
							
							<a4j:commandButton value="#{Correo.dmCorreos.numeroTotalPaginas}" reRender="tablaMensajes" action="#{Correo.dmCorreos.ultimaPagina}" />  	
				            
					
						</rich:panel>
								
					</f:facet>
				
				</rich:dataTable>
		 			
				</div>
			
			</div>
			</h:form>	
		</ui:define>
		
	</ui:composition>
</html>